<template>
  <div>
    <z-space vertical>
      <h3>横向</h3>
      <vue-slider v-if="reload" v-model="value" />
      <el-button @click="pushDot">添加一个</el-button>
    </z-space>
  </div>
</template>

<script>
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'
export default {
  components: {
    VueSlider
  },
  data() {
    return {
      reload: true,
      value: [0, 50, 100]
    }
  },
  methods: {
    pushDot() {
      this.value.push(70);
      this.reload = false;
      this.$nextTick(() => {
        this.reload = true
      })
    }
  }
}
</script>
